<template>
	<view>
		<view style="position: fixed;width: 100%;height: 100%;background-color: rgba(0, 0, 0, 0.7);top: 0px;left: 0px;z-index: 9" @click="cloaseagreement" v-if="show">
				<view class="warp">
					<view class="rect" @click.stop >
						
						<u-parse :html="content"></u-parse>
					</view>
				</view>
		</view>
			
	</view>
</template>

<script>
	export default {
		name:"v-agreement",
		props:{
			show:{
				type:Boolean,
				default:false
			}
		},
		data() {
			return {
				content:'<section class="_editor"> <p style="text-align: center;"> <span style="font-size: 16px;"><strong>用户微信授权登录隐私协议</strong></span> </p> <p> <span style="font-size: 15px;"><strong>一、协议范围</strong></span> </p> <p> <span style="font-size: 14px;">本协议适用于用户通过微信平台进行授权登录后，与微信及其关联方之间的隐私保护事宜。本协议涵盖了用户个人信息的收集、使用、共享、保护和安全等方面的内容。</span> </p> <p> <span style="font-size: 15px;"><strong>二、定义与解释</strong></span> </p> <p> <span style="font-size: 14px;">“个人信息”指以电子或者其他方式记录的能够单独或者与其他信息结合识别自然人个人身份的各种信息，包括但不限于自然人的姓名、出生日期、身份证件号码、个人生物识别信息、住址、电话号码等。</span> </p> <p> <span style="font-size: 14px;">“微信”指由深圳市腾讯计算机系统有限公司及其关联方开发和运营的社交软件及服务。</span> </p> <p> <span style="font-size: 14px;">“关联方”指与微信存在直接或间接控制关系、参股关系、合作关系的法人或其他组织。</span> </p> <p> <span style="font-size: 15px;"><strong>三、个人信息收集与使用</strong></span> </p> <p> <span style="font-size: 14px;">微信在用户授权登录时收集用户个人信息，包括但不限于姓名、头像、昵称、微信号等。</span> </p> <p> <span style="font-size: 14px;">微信收集用户个人信息后，将对其进行必要的使用和处理，包括但不限于提供服务、改进服务、用户行为分析等。</span> </p> <p> <span style="font-size: 14px;">微信及其关联方不会向第三方出售或提供用户个人信息，除非得到用户的明确授权或法律要求。</span> </p> <p> <span style="font-size: 15px;"><strong>四、个人信息的保护与安全</strong></span> </p> <p> <span style="font-size: 14px;">微信将采取合理的技术和管理措施，确保用户个人信息的保密性、完整性、可用性和真实性。</span> </p> <p> <span style="font-size: 14px;">微信及其关联方不会向任何未经授权的第三方透露用户个人信息，除非得到用户的明确授权或法律要求。</span> </p> <p> <span style="font-size: 14px;">若发现任何非法使用用户个人信息的情况，微信将立即采取措施并报告相关主管部门。</span> </p> <p> <span style="font-size: 15px;"><strong>五、用户权利与义务</strong></span> </p> <p> <span style="font-size: 14px;">用户有权随时查看和更正自己的个人信息，并要求微信及其关联方删除或匿名处理个人信息。</span> </p> <p> <span style="font-size: 14px;">用户应妥善保管自己的微信账号和密码，避免个人信息泄露和被盗用。</span> </p> <p> <span style="font-size: 14px;">若用户发现任何个人信息被非法获取或滥用的情况，应立即通知微信及其关联方，并协助相关方采取措施。</span> </p> <p> <span style="font-size: 15px;"><strong>六、法律责任与争议解决</strong></span> </p> <p> <span style="font-size: 14px;">若因微信及其关联方违反本协议约定而给用户造成损失的，微信及其关联方应承担相应的法律责任。</span> </p> <p> <span style="font-size: 14px;">若因本协议而发生争议，双方应首先友好协商解决；协商不成的，任何一方均有权向微信及其关联方所在地的人民法院提起诉讼解决争议。</span> </p> <p> <br/> </p> </section> <section class="_editor"> <p> <br/> </p> </section>'
			};
		},
		methods:{
			cloaseagreement(){
				this.$emit('close'); 
			}
		}
	}
</script>

<style scoped>
	.warp {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 100%;
	}

	.rect {
		padding: 20rpx;
		width: 80%;
		height: 50vh;
		max-height: 60vh;
		
		background-color: #fff;
		border-radius: 20rpx;
		overflow-y: scroll;
	}
</style>